@inbiz-base-color: #666;
@inbiz-primary-color: var(--inbiz-color-primary);

.common-font {
  font-weight: normal;
  font-size: var(--inbiz-font-size-base);
  font-family: Microsoft YaHei;
  font-stretch: normal;
  line-height: 23px;
  letter-spacing: 0;
}

.inbiz-pagination {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  padding-bottom: 16px;
  background: #fff;
  width: 100%;

  .ant-select-selector {
    color: #666 !important;
  }

  .ant-pagination {
    position: relative;
  }
  &.inbiz_page_refresh .ant-pagination li:last-child{
    margin-left: 0;
    margin-right: 40px;
  }
  .ant-pagination-options {
    .ant-pagination-options-size-changer {
      .common-font;

      width: auto;
      margin-left: 5px;
      color: @inbiz-base-color;
      border: none;

      .ant-select-arrow {
        span {
          line-height: 14px;
        }
      }

      .ant-select-selector {
        height: 32px;

        .ant-select-selection-item {
          height: 32px;
          font-size: 14px;
          line-height: 32px;
        }
      }
    }
    .ant-pagination-options-quick-jumper input {
      border-radius: var(--inbiz-border-radius-base);
      &:hover,
      &:focus {
        border-color: @inbiz-primary-color;
      }
    }
  }

  li {
    margin: 0 4px;

    &:not(.ant-pagination-disabled):not(.ant-pagination-item-active) {

      a,
      span {
        .common-font;

        color: @inbiz-base-color;
        font-family: Arial;
        line-height: 32px;
      }
    }
  }

  li.ant-pagination-total-text {
    margin-right: 11px;
  }
  li.ant-pagination-item,
  li.ant-pagination-prev .ant-pagination-item-link {
    border-radius: var(--inbiz-border-radius-base);
  }
  li.ant-pagination-next {

    .ant-btn,
    .ant-btn:focus,
    .ant-btn:hover {
      color: #d9d9d9;
      border-color: #d9d9d9;
    }

    .inbiz-pagination-refresh {
      position: absolute;
      right: 0;
      top: 0;
    }

    .inbiz-pagination-refresh-btn {
      margin-left: 8px;

      span {
        color: #666;
        font-size: var(--inbiz-font-size-base);
      }
    }

    .inbiz-pagination-next-btn {
      span {
        font-size: 12px;
      }
    }

    .inbiz-pagination-next-btn.ant-btn[disabled] {
      background: #fff;
      border-color: #d9d9d9;
    }

    .inbiz-pagination-next-btn:hover {
      border-color: @inbiz-primary-color;
    }

    .inbiz-pagination-refresh-btn:hover {
      border-color: @inbiz-primary-color;

      span {
        color: @inbiz-primary-color;
      }
    }

    .ant-btn-icon-only {
      vertical-align: bottom;
    }
  }

  .ant-pagination-disabled,
  .ant-pagination-disabled:hover {
    cursor: default;
  }

  .inbiz-table-refresh-btn {
    display: inline-block;
    margin-right: 16px;
    cursor: pointer;
  }
}